<template>
  <div class="page">
      <!-- 头部 -->
		<header>
			<div id="head">
				<div class="page-head">
					<!--user-->
					<div class="userInfo" style="display: none;">
						<div class="wrap xf-clearfix">
							<div class="left">
								<span class="basicTag hint"></span>
								<span class="basicTag user-sp"></span>
								<span class="basicTag hint right-line">欢迎来到金帝期货</span>
								<a class="basicTag hint" href="">安全退出</a>
							</div>
							<div class="right">
								<a class="basicTag hint ico right-line" href=""><span class="table"><span class="tableCell"><span class="icon icon-voice"></span></span>
									</span>平台公告</a>
								<a class="basicTag hint ico right-line" href=""><span class="table"><span class="tableCell"><span class="icon icon-user"></span></span>
									</span>我的账户</a>
								<span class="basicTag hint ico"><span class="table"><span class="tableCell"><span class="icon icon-price"></span></span>
								</span> 余额：<span class="user-sp">0</span></span>
								<a class="basicTag btn-pay" href="">充值</a>
								<a class="basicTag btn-pay" href="">提款</a>
								<a class="basicTag hint ico left-line live-chat"><span class="table"><span class="tableCell"><span class="icon icon-server"></span></span>
									</span>客服</a>
							</div>
						</div>
					</div>
					<div class="nav">
						<div class="wrap xf-clearfix">
							<div class="logo">
								<a href=""><img src="~assets/images/public/logo.png" /></a>
							</div>
							<ul class="toolBar">
								<li>
									<a href="../index.html" class="">首页</a>
								</li>
								<li>
									<a href="mockTrading.html" class="tradeType selected">模拟操盘</a>
									<div class="board real1">
										<table class="tab">
											<tbody>
												<tr>
													<td>
														<div class="active">
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-international"></div>
																</div>
															</div>
															国际期货
														</div>
													</td>
													<td>
														<div>
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-domestic"></div>
																</div>
															</div>
															国内期货
														</div>
													</td>
													<td>
														<div>
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-stock"></div>
																</div>
															</div>
															股指期货
														</div>
													</td>
													<td>
														<div>
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-digital"></div>
																</div>
															</div>
															数字货币
														</div>
													</td>
												</tr>
											</tbody>
										</table>
										<div class="body">
											<ul class="grid sim-foreign">
												<li>
													<a href="" class="ele">
														<div class="name">美原油</div>
														<div class="detail rise"> <span class="price">74.76</span><br> <span class="rate">1.11%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">美黄金</div>
														<div class="detail fall"> <span class="price">1240.8</span><br> <span class="rate">-0.07%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">美白银</div>
														<div class="detail rise"> <span class="price">15.885</span><br> <span class="rate">0.32%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">美铜</div>
														<div class="detail rise"> <span class="price">2.9480</span><br> <span class="rate">0.14%</span> </div>
													</a>
												</li>
											</ul>
											<ul class="grid hide sim-domestic">
												<li>
													<a href="" class="ele">
														<div class="name">天然橡胶</div>
														<div class="detail rise"> <span class="price">10525</span><br> <span class="rate">0.19%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">螺纹钢</div>
														<div class="detail fall"> <span class="price">3743</span><br> <span class="rate">-0.91%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">沪镍</div>
														<div class="detail fall"> <span class="price">115840</span><br> <span class="rate">-0.6%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">沪铜</div>
														<div class="detail rise"> <span class="price">51540</span><br> <span class="rate">0.39%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">沪银</div>
														<div class="detail fall"> <span class="price">3738</span><br> <span class="rate">-0.19%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">沪金</div>
														<div class="detail rise"> <span class="price">272.15</span><br> <span class="rate">0.13%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">热卷</div>
														<div class="detail fall"> <span class="price">3852</span><br> <span class="rate">-0.88%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">锰硅</div>
														<div class="detail fall"> <span class="price">7940</span><br> <span class="rate">-1.96%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">白糖</div>
														<div class="detail fall"> <span class="price">5041</span><br> <span class="rate">-0.61%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">PP聚丙烯</div>
														<div class="detail rise"> <span class="price">9260</span><br> <span class="rate">0.12%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">原油期货</div>
														<div class="detail rise"> <span class="price">504.2</span><br> <span class="rate">0.32%</span> </div>
													</a>
												</li>
											</ul>
											<ul class="grid hide sim-stock">
												<li>
													<a href="" class="ele">
														<div class="name">沪深300</div>
														<div class="detail fall"> <span class="price">3349.4</span><br> <span class="rate">-0.06%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">上证50</div>
														<div class="detail fall"> <span class="price">2352.2</span><br> <span class="rate">-0.06%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">中证500</div>
														<div class="detail rise"> <span class="price">5122.2</span><br> <span class="rate">0.96%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">恒指</div>
														<div class="detail fall"> <span class="price">28132</span><br> <span class="rate">-2.11%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">小恒指</div>
														<div class="detail fall"> <span class="price">28132</span><br> <span class="rate">-2.11%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">富时A50</div>
														<div class="detail rise"> <span class="price">10972.5</span><br> <span class="rate">0.78%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">德指</div>
														<div class="detail rest"> <span class="price">12287.5</span><br> <span class="rate">休市</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">小德指</div>
														<div class="detail rest"> <span class="price">12282.0</span><br> <span class="rate">休市</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">小道指</div>
														<div class="detail rise"> <span class="price">24299</span><br> <span class="rate">0.05%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">小纳指</div>
														<div class="detail rise"> <span class="price">7123.00</span><br> <span class="rate">0.09%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">日经指数</div>
														<div class="detail rise"> <span class="price">21755</span><br> <span class="rate">0.14%</span> </div>
													</a>
												</li>
											</ul>
											<ul class="grid hide sim-digital">
												<li>
													<a href="" class="ele">
														<div class="name">以太经典</div>
														<div class="detail rise"> <span class="price">16.84</span><br> <span class="rate">0.48%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">柚子币</div>
														<div class="detail rise"> <span class="price">9.200</span><br> <span class="rate">2.92%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">莱特币</div>
														<div class="detail rise"> <span class="price">88.61</span><br> <span class="rate">3.2%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">以太坊</div>
														<div class="detail rise"> <span class="price">480.0</span><br> <span class="rate">1.16%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">比特币现金</div>
														<div class="detail rise"> <span class="price">814.2</span><br> <span class="rate">3.79%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">比特币</div>
														<div class="detail rise"> <span class="price">6631</span><br> <span class="rate">0.05%</span> </div>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</li>
								<li>
									<a href="firmBargain .html" class="tradeType ">实盘交易</a>
									<div class="board real">
										<table class="tab">
											<tbody>
												<tr>
													<td>
														<div class="active">
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-international"></div>
																</div>
															</div>
															国际期货
														</div>
													</td>
													<td>
														<div>
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-domestic"></div>
																</div>
															</div>
															国内期货
														</div>
													</td>
													<td>
														<div>
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-stock"></div>
																</div>
															</div>
															股指期货
														</div>
													</td>
													<td>
														<div>
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-digital"></div>
																</div>
															</div>
															数字货币
														</div>
													</td>
												</tr>
											</tbody>
										</table>
										<div class="body">
											<ul class="grid real-foreign">
												<li>
													<a href="" class="ele">
														<div class="name">美原油</div>
														<div class="detail rise"> <span class="price">74.76</span><br> <span class="rate">1.11%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">美黄金</div>
														<div class="detail fall"> <span class="price">1240.8</span><br> <span class="rate">-0.07%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">美白银</div>
														<div class="detail rise"> <span class="price">15.885</span><br> <span class="rate">0.32%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">美铜</div>
														<div class="detail rise"> <span class="price">2.9480</span><br> <span class="rate">0.14%</span> </div>
													</a>
												</li>
											</ul>
											<ul class="grid hide real-domestic">
												<li>
													<a href="" class="ele">
														<div class="name">天然橡胶</div>
														<div class="detail rise"> <span class="price">10525</span><br> <span class="rate">0.19%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">螺纹钢</div>
														<div class="detail fall"> <span class="price">3743</span><br> <span class="rate">-0.91%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">沪镍</div>
														<div class="detail fall"> <span class="price">115840</span><br> <span class="rate">-0.6%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">沪铜</div>
														<div class="detail rise"> <span class="price">51540</span><br> <span class="rate">0.39%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">沪银</div>
														<div class="detail fall"> <span class="price">3738</span><br> <span class="rate">-0.19%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">沪金</div>
														<div class="detail rise"> <span class="price">272.15</span><br> <span class="rate">0.13%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">热卷</div>
														<div class="detail fall"> <span class="price">3852</span><br> <span class="rate">-0.88%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">锰硅</div>
														<div class="detail fall"> <span class="price">7940</span><br> <span class="rate">-1.96%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">白糖</div>
														<div class="detail fall"> <span class="price">5041</span><br> <span class="rate">-0.61%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">PP聚丙烯</div>
														<div class="detail rise"> <span class="price">9260</span><br> <span class="rate">0.12%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">原油期货</div>
														<div class="detail rise"> <span class="price">504.2</span><br> <span class="rate">0.32%</span> </div>
													</a>
												</li>
											</ul>
											<ul class="grid hide real-stock">
												<li>
													<a href="" class="ele">
														<div class="name">沪深300</div>
														<div class="detail fall"> <span class="price">3349.4</span><br> <span class="rate">-0.06%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">上证50</div>
														<div class="detail fall"> <span class="price">2352.2</span><br> <span class="rate">-0.06%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">中证500</div>
														<div class="detail rise"> <span class="price">5122.2</span><br> <span class="rate">0.96%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">恒指</div>
														<div class="detail fall"> <span class="price">28132</span><br> <span class="rate">-2.11%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">小恒指</div>
														<div class="detail fall"> <span class="price">28132</span><br> <span class="rate">-2.11%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">富时A50</div>
														<div class="detail rise"> <span class="price">10972.5</span><br> <span class="rate">0.78%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">德指</div>
														<div class="detail rest"> <span class="price">12287.5</span><br> <span class="rate">休市</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">小德指</div>
														<div class="detail rest"> <span class="price">12282.0</span><br> <span class="rate">休市</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">小道指</div>
														<div class="detail rise"> <span class="price">24299</span><br> <span class="rate">0.05%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">小纳指</div>
														<div class="detail rise"> <span class="price">7123.00</span><br> <span class="rate">0.09%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">日经指数</div>
														<div class="detail rise"> <span class="price">21755</span><br> <span class="rate">0.14%</span> </div>
													</a>
												</li>
											</ul>
											<ul class="grid hide real-digital">
												<li>
													<a href="" class="ele">
														<div class="name">以太经典</div>
														<div class="detail rise"> <span class="price">16.84</span><br> <span class="rate">0.48%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">柚子币</div>
														<div class="detail rise"> <span class="price">9.200</span><br> <span class="rate">2.92%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">莱特币</div>
														<div class="detail rise"> <span class="price">88.61</span><br> <span class="rate">3.2%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">以太坊</div>
														<div class="detail rise"> <span class="price">480.0</span><br> <span class="rate">1.16%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">比特币现金</div>
														<div class="detail rise"> <span class="price">814.2</span><br> <span class="rate">3.79%</span> </div>
													</a>
												</li>
												<li>
													<a href="" class="ele">
														<div class="name">比特币</div>
														<div class="detail rise"> <span class="price">6631</span><br> <span class="rate">0.05%</span> </div>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</li>
								<li>
									<a href="information.html">财经资讯</a>
								</li>
								<!--<li>
									<a href="">财经日历</a>
								</li>-->
								<li>
									<a href="specialOffer.html">优惠活动</a>
								</li>
								<li>
									<a href="futuresLive.html">期货直播</a>
								</li>
								<li>
									<a href="download.html">下载中心</a>
								</li>
							</ul>
						</div>
					</div>

				</div>
			</div>
		</header>

		<!-- 右边固定 -->
		<div id="right">
			<div class="rightBar">
				<ul>
					<li class="toTop">
					</li>
					<li id="clientQQ">
						<div class="table">
							<div class="tableCell">
								<div class="icon icon-qq"></div>
							</div>
						</div>
					</li>
					<li>
						<a class="table" pop="live-chat">
							<div class="tableCell">
								<div class="icon icon-cs"></div>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>

		<!-- 主体 -->
		<main>
			<div class="trade simulate">
				<div class="wrap">
					<div class="broadcast">
						<div class="streaming" id="streamNo613" style="transform: translate3d(-1421px, 0px, 0px); transition-duration: 14s;">用户 咩**,在恒指中,盈利 <span>352 元</span></div>
					</div>
				</div>
				<div class="wrap">
					<table>
						<tbody>
							<tr>
								<td>
									<div class="quoteList">
										<div class="category active">国际期货
										</div>
										<ul class="list foreign">
											<li class="active">
												<a class="rise">
													<div class="name">
														<div class="inner"> 美原油
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-hot"></div>
																</div>
															</div>
														</div>
													</div>
													<div class="price">74.26</div>
													<div class="rate">0.16%</div>
												</a>
											</li>
											<li class="">
												<a class="rise">
													<div class="name">
														<div class="inner"> 美黄金
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-hot"></div>
																</div>
															</div>
														</div>
													</div>
													<div class="price">1261.8</div>
													<div class="rate">0.66%</div>
												</a>
											</li>
											<li class="">
												<a class="rise">
													<div class="name">
														<div class="inner"> 美白银 </div>
													</div>
													<div class="price">16.185</div>
													<div class="rate">0.89%</div>
												</a>
											</li>
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 美铜 </div>
													</div>
													<div class="price">2.9035</div>
													<div class="rate">-0.46%</div>
												</a>
											</li>
										</ul>
										<div class="category">股指期货
										</div>
										<ul class="list stock">
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 沪深300
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-hot"></div>
																</div>
															</div>
														</div>
													</div>
													<div class="price">3329.0</div>
													<div class="rate">-1.02%</div>
												</a>
											</li>
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 上证50
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-hot"></div>
																</div>
															</div>
														</div>
													</div>
													<div class="price">2346.2</div>
													<div class="rate">-0.59%</div>
												</a>
											</li>
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 中证500
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-hot"></div>
																</div>
															</div>
														</div>
													</div>
													<div class="price">5081.0</div>
													<div class="rate">-1.34%</div>
												</a>
											</li>
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 恒指
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-hot"></div>
																</div>
															</div>
														</div>
													</div>
													<div class="price">28011</div>
													<div class="rate">-1.09%</div>
												</a>
											</li>
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 小恒指
															<div class="table">
																<div class="tableCell">
																	<div class="icon icon-hot"></div>
																</div>
															</div>
														</div>
													</div>
													<div class="price">28011</div>
													<div class="rate">-1.09%</div>
												</a>
											</li>
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 富时A50 </div>
													</div>
													<div class="price">10900.0</div>
													<div class="rate">-0.67%</div>
												</a>
											</li>
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 德指 </div>
													</div>
													<div class="price">12304.5</div>
													<div class="rate">-0.23%</div>
												</a>
											</li>
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 小德指 </div>
													</div>
													<div class="price">12303.0</div>
													<div class="rate">-0.24%</div>
												</a>
											</li>
											<li class="">
												<a class="rise">
													<div class="name">
														<div class="inner"> 小道指 </div>
													</div>
													<div class="price">24177</div>
													<div class="rate">0.06%</div>
												</a>
											</li>
											<li class="">
												<a class="rise">
													<div class="name">
														<div class="inner"> 小纳指 </div>
													</div>
													<div class="price">7038.50</div>
													<div class="rate">0.21%</div>
												</a>
											</li>
											<li class="">
												<a class="rise">
													<div class="name">
														<div class="inner"> 日经指数 </div>
													</div>
													<div class="price">21680</div>
													<div class="rate">0.07%</div>
												</a>
											</li>
										</ul>
										<div class="category ">国内期货
										</div>
										<ul class="list domestic">
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 天然橡胶 </div>
													</div>
													<div class="price">10415</div>
													<div class="rate">-0.67%</div>
												</a>
											</li>
											<li class="">
												<a class="rise">
													<div class="name">
														<div class="inner"> 螺纹钢 </div>
													</div>
													<div class="price">3789</div>
													<div class="rate">1.09%</div>
												</a>
											</li>
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 沪镍 </div>
													</div>
													<div class="price">112600</div>
													<div class="rate">-2.56%</div>
												</a>
											</li>
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 沪铜 </div>
													</div>
													<div class="price">50150</div>
													<div class="rate">-2.35%</div>
												</a>
											</li>
											<li class="">
												<a class="rise">
													<div class="name">
														<div class="inner"> 沪银 </div>
													</div>
													<div class="price">3753</div>
													<div class="rate">0.46%</div>
												</a>
											</li>
											<li class="">
												<a class="rise">
													<div class="name">
														<div class="inner"> 沪金 </div>
													</div>
													<div class="price">272.70</div>
													<div class="rate">0.2%</div>
												</a>
											</li>
											<li class="">
												<a class="rise">
													<div class="name">
														<div class="inner"> 热卷 </div>
													</div>
													<div class="price">3891</div>
													<div class="rate">0.86%</div>
												</a>
											</li>
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 锰硅 </div>
													</div>
													<div class="price">7824</div>
													<div class="rate">-1.94%</div>
												</a>
											</li>
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 白糖 </div>
													</div>
													<div class="price">5018</div>
													<div class="rate">-0.38%</div>
												</a>
											</li>
											<li class="">
												<a class="rise">
													<div class="name">
														<div class="inner"> PP聚丙烯 </div>
													</div>
													<div class="price">9262</div>
													<div class="rate">0.17%</div>
												</a>
											</li>
											<li class="">
												<a class="fall">
													<div class="name">
														<div class="inner"> 原油期货 </div>
													</div>
													<div class="price">495.2</div>
													<div class="rate">-1.35%</div>
												</a>
											</li>
										</ul>
										<div class="category ">数字货币
										</div>
										<ul class="list digital">
											<li class="" data-bind="ETCUSD">
												<a class="fall">
													<div class="name">
														<div class="inner"> 以太经典 </div>
													</div>
													<div class="price">16.25</div>
													<div class="rate">-1.35%</div>
												</a>
											</li>
											<li class="" data-bind="EOSUSD">
												<a class="fall">
													<div class="name">
														<div class="inner"> 柚子币 </div>
													</div>
													<div class="price">8.726</div>
													<div class="rate">-2.8%</div>
												</a>
											</li>
											<li class="" data-bind="LTCUSD">
												<a class="fall">
													<div class="name">
														<div class="inner"> 莱特币 </div>
													</div>
													<div class="price">84.10</div>
													<div class="rate">-2.65%</div>
												</a>
											</li>
											<li class="" data-bind="ETHUSD">
												<a class="fall">
													<div class="name">
														<div class="inner"> 以太坊 </div>
													</div>
													<div class="price">460.9</div>
													<div class="rate">-1.65%</div>
												</a>
											</li>
											<li class="" data-bind="BCHUSD">
												<a class="fall">
													<div class="name">
														<div class="inner"> 比特币现金 </div>
													</div>
													<div class="price">755.2</div>
													<div class="rate">-1.46%</div>
												</a>
											</li>
											<li class="" data-bind="BTCUSD">
												<a class="fall">
													<div class="name">
														<div class="inner"> 比特币 </div>
													</div>
													<div class="price">6474</div>
													<div class="rate">-1.68%</div>
												</a>
											</li>
										</ul>
									</div>
								</td>
								<td>
									<div class="bg">
										<div class="title chart">行情走势图-<i>美原油</i>(<i>CL1808</i>)<span>交易规则</span>
										</div>
										<div class="quotes">
											<div class="title">实时数据
												<ul class="live">
													<li>74.26</li>
													<li>+0.12</li>
													<li>+0.16%</li>
												</ul>
											</div>

											<div class="trend" id="trend"><iframe id="tradingview_fed68" name="tradingview_fed68" src="../k-curve/tv-chart.html" frameborder="0" allowtransparency="true" scrolling="no" allowfullscreen="" style="display: block; width: 100%; height: 100%;"></iframe></div>

										</div>
										<div class="deal">
											<div class="title">买卖委托
												<div class="sim-balance" style="display: block;">
													<div class="amount">模拟币 <span>10000</span></div>
													<div class="UI-Button">
														<div class="tips">当模拟币少于等于1,000，且当前无持仓时，可增加到10,000</div>
														<div>一键加币</div>
													</div>
												</div>
											</div>
											<div class="contract">
												<div class="controller">
													<div class="UI-Button buyRise">
														<div class="tips">点击此按钮立即下单</div>
														<div>买涨（<span>74.27</span>）</div>
													</div>
													<div class="UI-Button buyFall">
														<div class="tips">点击此按钮立即下单</div>
														<div>买跌（<span>74.26</span>）</div>
													</div>
												</div>
												<div class="row">
													<div class="name"><span>美原油</span> - <span>CL1808</span>合约：</div>
													<div class="des">持仓至<span>00:55:00</span>自动平仓</div>
												</div>
												<div class="row">
													<div class="name"><span>交易数量</span>：</div>
													<ul class="amount UI-Tab">
														<li class="btn active">1手</li>
														<li class="btn ">2手</li>
														<li class="btn ">3手</li>
														<li class="btn ">5手</li>
														<li class="btn ">8手</li>
														<li class="btn ">10手</li>
														<li class="btn ">20手</li>
													</ul>
												</div>
												<div class="row">
													<div class="name">触发止盈：</div>
													<div class="stopWin des rise"><span>5250</span>元</div>
												</div>
												<div class="row">
													<div class="name"><span>触发止损</span>：</div>
													<ul class="stopLoss UI-Tab">
														<li class="btn active">-1050元</li>
														<li class="btn ">-1540元</li>
														<li class="btn ">-2100元</li>
														<li class="btn ">-3080元</li>
													</ul>
												</div>
												<div class="row payment"> 支付 &gt; 交易综合费：<span class="rise ">158</span>元</div>
												<div class="row freeze"> 冻结 &gt; 履约保证金：<span class="rise ">1050</span>元(<span>$</span><span>150</span>)</div>
												<div class="row last"> (美原油按美元交易，平台以人民币结算 $1 = ¥7 )</div>
											</div>
										</div>
									</div>
								</td>
								<td>
									<div class="dynamic">
										<div class="title dyn">交易动态</div>
										<div class="detail-container">
											<ul class="detail">
												<li>
													<div class="name">开盘</div>
													<div class="value">74.23</div>
												</li>
												<li>
													<div class="name">昨收</div>
													<div class="value">74.14</div>
												</li>
												<li>
													<div class="name">涨跌</div>
													<div class="value rise">0.12</div>
												</li>
												<li>
													<div class="name">涨幅</div>
													<div class="value rise">0.16%</div>
												</li>
												<li>
													<div class="name">最高</div>
													<div class="value rise"> 74.90</div>
												</li>
												<li>
													<div class="name">最低</div>
													<div class="value fall">74.21</div>
												</li>
												<li>
													<div class="name">涨停</div>
													<div class="value">80.14</div>
												</li>
												<li>
													<div class="name">跌停</div>
													<div class="value">68.14</div>
												</li>
												<li>
													<div class="name">今结</div>
													<div class="value">74.14</div>
												</li>
												<li>
													<div class="name">昨结</div>
													<div class="value">74.14</div>
												</li>
												<li>
													<div class="name">持仓</div>
													<div class="value">394426</div>
												</li>
												<li>
													<div class="name">总手</div>
													<div class="value">42974</div>
												</li>
											</ul>
										</div>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="storage">
						<div class="setProfit">
							<div class="mask"></div>
							<div class="content">
								<div class="body">
									<div class="main">
										<div class="head">
											设置止盈止损
											<div class="table">
												<div class="tableCell">
													<div class="icon icon-close"></div>
												</div>
											</div>
										</div>
										<div class="area">
											<div class="bar">
												<div class="left">
													止盈金额
												</div>
												<div class="mid">
													<div class="operateCircle">−</div>
													<input type="range" class="range" step="1" min="1" max="10">
													<div class="operateCircle">+</div>
												</div>
												<div class="right" v-param="stopProfit">0.00</div>
											</div>
											<div class="bar">
												<div class="left">
													止损金额
												</div>
												<div class="mid">
													<div class="operateCircle">−</div>
													<input type="range" class="range lose" step="1" min="1" max="10">
													<div class="operateCircle">+</div>
												</div>
												<div class="right">0.00</div>
											</div>
											<div class="bar controller">
												<div class="UI-Button cancel">
													<div>取 消</div>
												</div>
												<div class="UI-Button">
													<div>确 定</div>
												</div>
											</div>
											<div class="bar">
												<p>温馨提示：</p>
												<p>* 止盈金额：当盈利达到（多于等于）该金额之后，系统自动触发平仓</p>
												<p>* 止损金额：当亏损达到（多于等于）该金额之后，系统自动触发平仓</p>
												<p>* 如需帮助，请
													<a pop="live-chat">联系客服</a>
												</p>
											</div>
										</div>
										<div class="foot">
											<div class="bar">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="tab">
							<ul data-element="storeType">
								<li class="active">
									<span>持仓明细</span>
									<!--<i>(<span>10</span>)</i>-->
								</li>
								<li>
									<span>结算列表</span>
									<!--<i>(<span>10</span>)</i>-->
								</li>
								<li>
									<span>流单列表</span>
									<!--<i>(<span>10</span>)</i>-->
								</li>
							</ul>
							<div class="income"><span>持仓盈亏:</span><span><i>+0</i></span></div>
							<div class="UI-Button disabled">
								<div>一 键 平 仓</div>
							</div>
						</div>
						<div class="tableArea">
							<table class="info">
								<tbody>
									<tr>
										<th>交易ID</th>
										<th>开仓时间</th>
										<th>交易商品</th>
										<th>买卖</th>
										<th>保证金</th>
										<th>止损价格</th>
										<th>止盈价格</th>
										<th>模式</th>
										<th>开仓价</th>
										<th>当前盈亏</th>
										<th>操作</th>
										<th>状态</th>
									</tr>

									<tr>
										<td colspan="12">暂无订单</td>
									</tr>

									<tr>
										<td>000000</td>
										<td>2018-05-06</td>
										<td>贵金属</td>
										<td>50000</td>
										<td>2000</td>
										<td>3000</td>
										<td>2000</td>
										<td>实盘交易</td>
										<td>62012</td>
										<td>3625+20</td>
										<td>中国金融期货交易所</td>
										<td>交易中...</td>
									</tr>
									<tr>
										<td>000000</td>
										<td>2018-05-06</td>
										<td>贵金属</td>
										<td>50000</td>
										<td>2000</td>
										<td>3000</td>
										<td>2000</td>
										<td>实盘交易</td>
										<td>62012</td>
										<td>3625+20</td>
										<td>中国金融期货交易所</td>
										<td>交易中...</td>
									</tr>
									<tr>
										<td>000000</td>
										<td>2018-05-06</td>
										<td>贵金属</td>
										<td>50000</td>
										<td>2000</td>
										<td>3000</td>
										<td>2000</td>
										<td>实盘交易</td>
										<td>62012</td>
										<td>3625+20</td>
										<td>中国金融期货交易所</td>
										<td>交易中...</td>
									</tr>
								</tbody>
							</table>
					
						
							<table class="info none">
								<tbody>
									<tr>
										<th>交易ID</th>
										<th>平仓时间</th>
										<th>交易商品</th>
										<th>商品代码</th>
										<th>买卖</th>
										<th>保证金</th>
										<th>模式</th>
										<th>开仓价</th>
										<th>平仓价</th>
										<th>盈亏</th>
										<th>状态</th>
									</tr>
									<tr>
										<td colspan="11">暂无订单</td>
									</tr>
								</tbody>
							</table>

							<table class="info none">
								<tbody>
									<tr>
										<th>交易ID</th>
										<th>流单时间</th>
										<th>交易商品</th>
										<th>商品代码</th>
										<th>买卖</th>
										<th>保证金</th>
										<th>模式</th>
										<th>状态</th>
									</tr>
									<tr>
										<td colspan="8">暂无订单</td>
									</tr>
								</tbody>
							</table>

					
						
						</div>
					</div>

				</div>

			</div>
		</main>

		<div id="foot">
			<footer class="page-foot">
				<div class="wrap">
					<div class="title">友情链接</div>
					<div class="link">
						<a href="" target="_blank"><span>纽约商业交易所</span></a>
						<a href="" target="_blank">&gt;<span>纽约金属交易所</span></a>
						<a href="" target="_blank">&gt;<span>香港交易所</span></a>
						<a href="" target="_blank">&gt;<span>新加坡交易所</span></a>
						<a href="" target="_blank">&gt;<span>欧洲期货交易所</span></a>
						<a href="" target="_blank">&gt;<span>上海期货交易所</span></a>
						<a href="" target="_blank">&gt;<span>中国金融期货交易所</span></a>
						<a href="" target="_blank">&gt;<span>郑州商品交易所</span></a>
						<a href="" target="_blank">&gt;<span>大连商品交易所</span></a>
					</div>
					<div class="policy">
						<a href="" class="about-us">关于我们</a>
						<a href="" class="about-us">安全保障</a>
						<a href="" class="about-us">隐私条款</a>
						<a href="" class="about-us">免责声明</a>
						<a href="" class="about-us">帮助中心</a>
						<a href="">下载中心</a>
					</div>
					<div class="wrap-bottom">
						<span class="right-line">投资有风险 入市需谨慎</span>
						<span class="right-span">金帝金融版权所有©2015-2017</span>
					</div>
				</div>
			</footer>
		</div>
  </div>
</template>

<script>
import Vue from "vue";
import store from "src/store/index";
import { imageView, badgeWallFilte } from "src/config/filters";

export default {
  data() {
    return {};
  },
  components: {},
  methods: {},
  mounted: function() {},
  computed: {}
};
</script>
<style lang="less" scope>
@import url("~assets/less/_mixins.less");
</style>